草庐IT

jQuery UI 部件库(Widget Factory)

全部标签

javascript - jQueryUI DatePicker YearRange 和 ChangeYear 问题

我在申请表上有一个日期选择器。我们只允许出生日期在特定年龄范围内的申请。我启用了ChangeYear并将YearRange设置为“-65:-16”。我遇到的问题如下:1-当我选择一个日期而没有先在年份下拉列表中选择某些内容时,我得到了正确的月份和日期,但我得到的是2016年。2-为了解决这个问题,我将YearRange设置为“n-65:n-16”。这会导致年份下拉列表仅显示当前年份(2010年)。更奇怪的是,如果您选择一个日期,您仍然会得到正确的月份和日期,以及2016年。这是我用来设置日期选择器的代码:$(document).ready(function(e){Sys.WebForm

javascript - 拖动时 jQueryUI 可排序项目位置不正确

我有一个jQueryUI可排序列表,其中包含三个bootstrap面板,面板1和2以正确的初始位置开始拖动,但是每当您尝试拖动面板3时,它会落在面板1下方,偏离光标。LivedemoHTML123JavaScript$('#sortable').sortable({tolerance:'pointer',handle:'.panel-heading',placeholder:'col-xs-4panel-al-placeholder',start:function(e,ui){ui.placeholder.height(ui.item.children().height());}});

javascript - 如何让 JqueryUI Sortable 与缩放/缩放一起工作 - 鼠标移动

我正在尝试让JqueryUISortable与缩放一起工作。问题是鼠标的移动速度与您拖动的元素不同。有很多关于如何使用Draggable进行此操作的示例。以下是可拖动项的解决方法示例:http://jsfiddle.net/TqUeS/660/varzoom=$('#canvas').css('zoom');varcanvasHeight=$('#canvas').height();varcanvasWidth=$('#canvas').width();$('.dragme').draggable({drag:function(evt,ui){//zoomfixui.position.

javascript - AngularJS 指令 - 将 ngModel 与 jQuery 小部件一起使用时的最佳实践

这是我的问题。例如,我们有以下指令,它在幕后使用了一些jQuery小部件:module.directive('myWidget',[function(){return{require:"ngModel",restrict:"A",replace:true,templateUrl:"templates/myWidget.html",link:function(scope,element,attrs,ctrl){element.widget_name().on('value_updated',function(event){scope.$apply(function(){varnewMod

javascript - 如何使用 AngularJs 构建一个小部件以嵌入第三方网站?

我想创建一个angularjs小部件,它可以用最少的代码嵌入第三方网站,例如或类似的。我找到了一些资源,例如这篇关于使用jquery开发小部件的文章http://alexmarandon.com/articles/web_widget_jquery/.如何使用Angularjs完成?有什么聪明的方法可以利用诸如指令/View等Angular特征来达到这个目的?如果有的话,陷阱是什么?请提出您的想法/建议/意见/经验。 最佳答案 您还应该记住,第3方网站也可能使用angular,并且可能是不同的版本。检查Multipleversion

javascript - 如何将类添加到 dojo 小部件?

出于样式目的,我想向下面的小部件添加多个类:varfilteringSelect=newdijit.form.FilteringSelect({id:"test",},"test");我将如何完成这个?这是实际的html: ▼Χ 最佳答案 dojo.addClass(filteringSelect.domNode,"yourClass");这也处理了DOM节点已经包含“youClass”作为CSS类的情况,因此不会添加重复项。dojo还提供了其他方法来使用dojo.removeClass()和dojo.toggleCl

javascript - 如何强制 Facebook JS-SDK 呈现动态添加的小部件?

应用程序中的内容正在使用XHR进行更新。这涉及更改评论框的URL:在页面完全加载后创建新的Facebook小部件占位符时,如何请求FacebookJSSDK在页面上呈现新元素? 最佳答案 在动态插入fb-commentsdiv后调用JavaScriptSDK的FB.XFBML.parse();函数。参见:http://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse/ 关于javascript-如何强制Fac

javascript - 如何使用 Backbone.js 正确添加 jQuery UI 自动完成小部件

我正在学习Backbone.js。我目前假设,如果一个人正在使用Backbone.js,那么所有客户端javascript/jQuery都应该与Backbone集成。从各种在线教程中,我可以了解Backbone的工作原理并了解其基本原理。但是像jQueryUI小部件这样的东西呢?这些也应该与Backbone.js集成吗?例如,我想在表单字段上使用jQueryUI自动完成小部件(请参见下面的代码)。我将如何使用Backbone.js执行此操作(或者人们不会为此类事情使用Backbone)?似乎Backbone“模型”和“集合”不能与jQuery自动完成小部件一起使用,因为这种东西被绑定(

javascript - 使用 react.js 聊天小部件

我正在编写一个聊天小部件,只需将很少的代码放入他们的网站即可分发给最终用户。例行公事。我的小部件将用React编写。我知道实现这一目标的几种方法。让我列出我能想到的方法。给出一个直接包含iframe和源url的代码片段。这种方法的问题是,它只能在嵌入小部件时使用。如果小部件需要弹出,将失去灵active。给出一个异步加载javascript的代码片段。Javascript将在父网页中创建一个iframe,并且可以设置src。这个小部件javascript可能没有什么智能。这是大多数小部件开发人员通常采用的方法。当然,在任何一种情况下,源URL都会呈现一个由webpack捆绑的React

javascript - 如何在 Ipython Notebook 中制作多文件上传小部件?

我想在IpythonNotebook3.x或4.x(Jupyter、Python3)中制作一个用于远程文件上传的小部件,它允许用户在上传时在浏览器的文件选择器中选择多个文件。不幸的是,我对JavaScript方面一无所知。我找到了blueimp'swidgets,但是,我不知道如何在笔记本中使用它们。This单个文件上传小部件是如何制作的:importbase64from__future__importprint_function#py2.7compat.fromIPython.htmlimportwidgets#Widgetdefinitions.fromIPython.utils.